* {font-family: "Microsoft YaHei";margin:0;padding:0;letter-spacing: 0px!important;}
ul {list-style: none}
image {border: none}
button{border:none;outline: none;display: inline-block;cursor: pointer;text-align: center}
span,a,image{display: inline-block}
a{text-decoration: none}
body {position: relative;background-color: #fff;height:100%}
/*浮动样式-----*/
.lh-fl-clear:after{
    display:block;clear:both;content:"";visibility:hidden;height:0
}
.lh-fl-clear>li{float: left}
.lh-fr{float: right}
.lh-fl{float: left}
/*checkbox及radio的通用选中样式*/
label i {
    font-style: normal;
    width:16px;
    height:16px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    margin-right:5px;
    vertical-align: middle;
    /*border-radius: 50%;*/
    border: #d3d3d3 1px solid;
}
label .inputcheck-i{display: inline-block;}
.inputcheck,.inputradio {
    display: none;
}

input[type="checkbox"]:checked+ i,
input[type="radio"]:checked+ i {
    background: #d3d3d3;
}

input[type="checkbox"]:disabled+ i,
input[type="radio"]:disabled+ i {
    border-color: #ccc;
}

input[type="checkbox"]:checked:disabled+ i,
input[type="radio"]:checked:disabled+ i {
    background: #ccc;
}
/*使用方法
 <label><input type="checkbox" class="inputcheck"><i class="inputcheck-i">✓</i>复选框</label><br>
 <label><input type="checkbox" class="inputcheck" checked><i class="inputcheck-i">✓</i>复选框</label><br>
 <label><input type="checkbox" class="inputcheck" disabled><i class="inputcheck-i">✓</i>复选框禁用</label><br>
 <label><input type="checkbox" class="inputcheck" disabled checked><i class="inputcheck-i">✓</i>复选框禁用已选</label><br>
 <label><input type="radio" class="inputradio" name="abc"><i class="inputcheck-i">✓</i>单选框</label><br>
 <label><input type="radio" class="inputradio" name="abc" checked><i class="inputcheck-i">✓</i>单选框</label><br>
 <label><input type="radio" class="inputradio" name="abc" disabled><i class="inputcheck-i">✓</i>单选框禁用</label><br>
 <label><input type="radio" class="inputradio" name="def" disabled checked><i class="inputcheck-i">✓</i>单选框禁用已选</label><br>
 */
.lh-base-bottom-fixed{position: absolute;bottom: 0;left:0;width:100%}
.hovershadow{box-shadow: 6px 6px 20px #888 ;transition: all ease-in-out 0.5s}
#body .activeback{background-color: #e60012}
#body .activecolor{color: #fff}
.gohead{position: fixed;bottom: 80px;right:80px;width:80px;height:80px;cursor: pointer;display: none}
.gohead :hover{opacity: 0.8}
.gohead img{width:100%;height:100%;border-radius: 50%;overflow: hidden;box-shadow: 6px 6px 10px #666 ;z-index: 999}
.lh-bg-blue{background-color: #e60012;color:#fff} /*蓝色未选中按钮*/
.lh-bg-orange{background-color: #ff9900;color:#fff}  /*橘色背景*/
.lh-bg-red{background-color: #ee3636;color:#fff}  /*橘色背景*/
.lh-bg-gray{background-color: #ddd;color:#666} /*666背景*/
.lh-bg-white{background-color: #f7f7f7;color:#333} /*白色背景*/
.lh-center-block{margin:0 auto}  /*块居中*/
.lh-center-inline{text-align: center}/*行居中*/
.lh-prel{position: relative}   /*定位父元素*/
.lh-pabs{position: absolute}  /*绝对父元素*/
.lh-pfix{position: fixed} /*浮动父元素*/
.lh-chover:hover{color:#e60012} /*蓝色字体hover*/
.lh-bhover:hover{background-color:#007ab9;color:#fff}/*蓝底白色字体hover*/
.lh-b2hover:hover{background-color:#e60012;color:#fff}/*选中蓝底白色字体hover*/
.lh-opahover:hover{filter:alpha(opacity=70);opacity: 0.7;}/*透明度变化hover*/
.lh-ellipsis1{ /*超出一行显示...*/
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
.lh-ellipsis2{ /*超出二行显示...（需要给出高度）*/
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; }

.lh-bactive{background-color: #007ab9}  /*蓝色背景选中*/
.lh-cactive{color:#e60012}   /*蓝色字体选中*/
.lh-bcactive{color:#e60012;border-bottom: 2px solid #e60012}  /*蓝色底边框选中*/
.lh-show{display: block !important;}